<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<link rel="stylesheet" href="${ctx}/res/js/thirdParty/zTree_v3/css/zTreeStyle/zTreeStyle.css" type="text/css"/>
	<script type="text/javascript" src="${ctx}/res/js/thirdParty/zTree_v3/js/jquery.ztree.core-3.5.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/business/vdiManagementSystem/vdiManagement/vdiInfoManagement.js"></script>
	<style type="text/css">
		.divToolbar {
			line-height: 30px;
			text-align: left;
			width: 300px;
			margin-top: 30px;
			margin-bottom: 5px;
		}
		
		.treeScroll {
			width: 300px;
			height:400px;
			overflow: auto;
		}
		
		.divButton {
			margin: 0 2px 0 2px;
			padding: 1px 1px 1px 1px;
			min-width: 65px;
		}
		
		.chooseGroup {
			line-height: 25px;
			margin-bottom: 2px;
			cursor: pointer;
			font-size: 17px;
			background-color: #2daeda;
			line-height: 30px;
			padding-left: 5px;
		}
	</style>

</head>
<body>
	<table>
		<tr>
			<td style="vertical-align: top;">				 
					<div class="zTreeDemoBackground left treeScroll">
						<ul id="departmentTree" class="ztree"></ul>
					</div>
			</td>
			
			<td style="vertical-align: top;">
				<table id="userListTable">
				<!-- 查询条件 区域 -->
					<tr>
						<td>
							<div class="list_query">
								<form method="post" id="queryForm">
								<table>
									<tr>
									    <td class="td_for_label">
										    <label> 
											<span>VDI_NAME</span> 
											</label>
									    </td>
									    <td class="td_for_input">
									    	<input type="text" style="margin-top:10px"
												name="loginName" placeholder="请输入VDI_NAME" id="loginName" maxlength="20"/>
									    </td>
									    <td class="td_for_label">
									    	<label> 
										    <span>USERNAME/CN_NAME</span>
									
									        </label>
									    </td>
									    <td class="td_for_input">
									    	    <input type="text" style="margin-top:10px"
											name="userName" placeholder="请输入USERNAME/CN_NAME" id="userName" maxlength="50"/>
									    </td>
									</tr>
									<tr>
									    <td class="td_for_label">
									    <label> 
										<span>IP_ADDRESS</span>
										</label>
									    </td>
									    <td class="td_for_input">
									    	<input type="text" style="margin-top:10px"
											name="ip" placeholder="请输入IP_ADDRESS" id="ip" maxlength="50"/>
									    </td>
									    <td class="td_for_label">
									    <label>	
									    <span>STATUS</span>
									    </label>
									    </td>
									    <td class="td_for_input">
									    		<select id="status" name="status" 
										style="width:220px;height:32px;font-size:15px">
											<option value="-1">请选择STATUS</option>
											<option value="0">使用中</option>
											<option value="1">未分配</option>
									    </select>
									    </td>
									</tr>
								</table>
								</form>
							</div>
						</td>
					</tr>
					<!-- 按钮操作区域 -->
					<tr style="height:30px;">
						<td>
							<div class="list_toolbar" id="operateUserDiv">
								<div class="toolButton" id="clearQueryCondition">清空</div>
								<div class="toolButton" id="queryVdi">查询</div>
								<!--  <div class="toolButton" id="detailVdi">查看</div>-->
								<div class="toolButton" id="addVdi">新建</div>
								<div class="toolButton" id="updateVdi">修改</div>
								<div class="toolButton" id="deleteVdi">删除</div>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<table class="list_grid">
								<thead>
									<tr height="50">
										<th>LOGIN_NAME</th>
										<th>IP_ADDRESS</th>
										<th width="200">COMPUTER_NAME</th>
										<th>SYSTEM_COUNT</th>
										<th>USER</th>
										<th>STATUS</th>
										<th style="width: 1px;"></th>
									</tr>
								</thead>
							</table>
						</td>
					</tr>

					<tr>
						<td>
							<div class="list_scrollControlDiv" style="height: 342px;">
								<table class="list_grid" style="border-spacing: 0;">
									<tbody id="tBodyList" class="userItem">	
										<tr><td style="text-align:center;">&nbsp;</td></tr>									 
									</tbody>
								</table>
							</div>
						</td>
					</tr>

					<!-- 分页控件区域 -->
					<tr>
						<td>
							<div id="pagination" class="pagination"></div>
						</td>
					</tr>
				</table>

			</td>
		</tr>
	</table>
	
	<form id="refreshcurrentpage" method="post" action="${ctx}/vdiManagement/toVDIInfoTab.do">
	</form>
	<form id="submitcurrentpage" method="post" action="${ctx}/vdiManagement/toVDIInfoTab.do">
		<input type="hidden" name="vdiId" id="vdiId" value=""/>
	</form>
	<form id="detialVdipage" method="post" action="${ctx}/vdiManagement/toVDIInfoTab.do">
		<input type="hidden" name="vdiId" id="vdiID" value=""/>
	</form>
</body>
</html>